<link rel="stylesheet" type="text/css" href="{$smarty.const.THEME_RELATIVE}modules/videomodule/css/videopage.css">
<script type="text/javascript" src="{$smarty.const.THEME_RELATIVE}modules/videomodule/js/VideoPage.js"></script>
<script type="text/javascript" src="{$smarty.const.THEME_RELATIVE}modules/videomodule/js/jScrollPane.js"></script>
<script type="text/javascript" src="{$smarty.const.THEME_RELATIVE}modules/videomodule/jwplayer5.4/jwplayer.js"></script>
<script type="text/javascript" src="/js/jQuery.Scrollto.js"></script>
<script language="javascript">
    var flash_file='{$smarty.const.URL_FULL}{$smarty.const.THEME_RELATIVE}modules/videomodule/jwplayer5.4/player.swf';
    var skin_file='{$smarty.const.URL_FULL}{$smarty.const.THEME_RELATIVE}modules/videomodule/jwplayer5.4/bekle/bekle.xml';
</script>
<div>
    {permissions level=$smarty.const.UILEVEL_NORMAL}
    {if $permissions.administrate == 1}
    <div class="actions">
        <a href="{link action=video_cat_manage}" class="add">Cat Manage</a>
        <a href="{link action=video_manager}" class="add">Video Manage</a>
    </div>
    {/if}
    {/permissions}
</div>
<section class="portfolios scroll-x loaded">
                <ul class="inner_ portfolio_four_columns clearfix" data-columns="{$new_video_count}" style="float:left;width:100%">
        {foreach from=$new_video item='v'}
        
           <li data-type="video" class="grid-1-4" style="width:23%">
        
                    <div class="portfolio_image">
                <div class="thumbnail" style="max-height:220px">
        
        
                    <a class="lightbox thumbnail-url video cboxElement videomodule" target="_self" href="#show_video" rel="{$v->youtube_embed}" data-width="800" data-height="450" data-iframe="true">
                        <img src="{$smarty.const.URL_FULL}phpThumb.php?src={$v->thumbnail}&w=200" alt="{$v->title}">
                        <span class="thumbnail-overlay">
                            <span class="meta">
                                <span class="btn">{$_TR.view}</span>

                            </span>
                        </span>
                    </a>
                </div><!-- / .thumbnail -->
            </div>

            <div class="portfolio_details project-info-pad folio">
                <h4><a href="{$v->url_link}">{$v->title}</a></h4>
                <div class="excerpt"><p>{$v->title2}</p>
                    <p class="category">{$_TR.video_category}: {$v->cat_title}</p>
                    <p class="category">{$_TR.video_views}: {$v->views}</p>
                </div>
            </div>
        </li>
        {/foreach}
       
    </ul>
    <div class="clear"></div>  
    
</section>

<div style="display:none">
    <div id="show_video">    
        <iframe id="youtubeplay" width="640" height="480" src="" frameborder="0" allowfullscreen></iframe>
    </div>
</div>
<div class="sep"></div>
{literal}
<script type="text/javascript">
    jQuery('.videomodule').fancybox(
    {
    'overlayShow' : true,
    'opacity' : true,
    'overlayOpacity': 0.6,
    'beforeShow' : function(a){
    jQuery('#youtubeplay').attr('src','http://www.youtube.com/embed/'+jQuery(this.element).attr('rel'))
    }
    }
    )
    </script>    
{/literal}
    
     
